<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!-- Footer ================================================================== -->
<div id="footerSection">
	<div class="container">
		<div class="row">
			<div class="span3">
				<h5>ACCOUNT</h5>
				<a href="login.html">YOUR ACCOUNT</a> <a href="login.html">PERSONAL
					INFORMATION</a> <a href="login.html">ADDRESSES</a> <a
					href="login.html">DISCOUNT</a> <a href="login.html">ORDER
					HISTORY</a>
			</div>
			<div class="span3">
				<h5>INFORMATION</h5>
				<a href="contact.html">CONTACT</a> <a href="register.html">REGISTRATION</a>
				<a href="legal_notice.html">LEGAL NOTICE</a> <a href="tac.html">TERMS
					AND CONDITIONS</a> <a href="faq.html">FAQ</a>
			</div>
			<div class="span3">
				<h5>OUR OFFERS</h5>
				<a href="#">NEW PRODUCTS</a> <a href="#">TOP SELLERS</a> <a
					href="special_offer.html">SPECIAL OFFERS</a> <a href="#">MANUFACTURERS</a>
				<a href="#">SUPPLIERS</a>
			</div>
			<div id="socialMedia" class="span3 pull-right">
				<h5>SOCIAL MEDIA</h5>
				<a href="#"><img width="60" height="60"
					src="${rootPath }/themes/images/facebook.png" title="facebook" alt="facebook" /></a>
				<a href="#"><img width="60" height="60"
					src="${rootPath }/themes/images/twitter.png" title="twitter" alt="twitter" /></a> <a
					href="#"><img width="60" height="60"
					src="${rootPath }/themes/images/youtube.png" title="youtube" alt="youtube" /></a>
			</div>
		</div>
		<p class="pull-right">&copy; Bootshop</p>
	</div>
	<!-- Container End -->
</div>

<!-- Themes switcher section ============================================================================================= -->
<div id="secectionBox">
	<link rel="stylesheet" href="${rootPath }/themes/switch/themeswitch.css"
		type="text/css" media="screen" />
	<script src="${rootPath }/themes/switch/theamswitcher.js" type="text/javascript"
		charset="utf-8"></script>
	<div id="themeContainer">
		<div id="hideme" class="themeTitle">Style Selector</div>
		<div class="themeName">Oregional Skin</div>
		<div class="images style">
			<a href="${rootPath }/themes/css/#" name="bootshop"><img
				src="${rootPath }/themes/switch/images/clr/bootshop.png"
				alt="bootstrap business templates" class="active"></a> <a
				href="${rootPath }/themes/css/#" name="businessltd"><img
				src="${rootPath }/themes/switch/images/clr/businessltd.png"
				alt="bootstrap business templates" class="active"></a>
		</div>
		<div class="themeName">Bootswatch Skins (11)</div>
		<div class="images style">
			<a href="${rootPath }/themes/css/#" name="amelia" title="Amelia"><img
				src="${rootPath }/themes/switch/images/clr/amelia.png"
				alt="bootstrap business templates"></a> <a href="${rootPath }/themes/css/#"
				name="spruce" title="Spruce"><img
				src="${rootPath }/themes/switch/images/clr/spruce.png"
				alt="bootstrap business templates"></a> <a href="${rootPath }/themes/css/#"
				name="superhero" title="Superhero"><img
				src="${rootPath }/themes/switch/images/clr/superhero.png"
				alt="bootstrap business templates"></a> <a href="${rootPath }/themes/css/#"
				name="cyborg"><img src="${rootPath }/themes/switch/images/clr/cyborg.png"
				alt="bootstrap business templates"></a> <a href="${rootPath }/themes/css/#"
				name="cerulean"><img
				src="${rootPath }/themes/switch/images/clr/cerulean.png"
				alt="bootstrap business templates"></a> <a href="${rootPath }/themes/css/#"
				name="journal"><img src="${rootPath }/themes/switch/images/clr/journal.png"
				alt="bootstrap business templates"></a> <a href="${rootPath }/themes/css/#"
				name="readable"><img
				src="${rootPath }/themes/switch/images/clr/readable.png"
				alt="bootstrap business templates"></a> <a href="${rootPath }/themes/css/#"
				name="simplex"><img src="${rootPath }/themes/switch/images/clr/simplex.png"
				alt="bootstrap business templates"></a> <a href="${rootPath }/themes/css/#"
				name="slate"><img src="${rootPath }/themes/switch/images/clr/slate.png"
				alt="bootstrap business templates"></a> <a href="${rootPath }/themes/css/#"
				name="spacelab"><img
				src="${rootPath }/themes/switch/images/clr/spacelab.png"
				alt="bootstrap business templates"></a> <a href="${rootPath }/themes/css/#"
				name="united"><img src="${rootPath }/themes/switch/images/clr/united.png"
				alt="bootstrap business templates"></a>
			<p
				style="margin: 0; line-height: normal; margin-left: -10px; display: none;">
				<small>These are just examples and you can build your own
					color scheme in the backend.</small>
			</p>
		</div>
		<div class="themeName">Background Patterns</div>
		<div class="images patterns">
			<a href="${rootPath }/themes/css/#" name="pattern1"><img
				src="${rootPath }/themes/switch/images/pattern/pattern1.png"
				alt="bootstrap business templates" class="active"></a> <a
				href="${rootPath }/themes/css/#" name="pattern2"><img
				src="${rootPath }/themes/switch/images/pattern/pattern2.png"
				alt="bootstrap business templates"></a> <a href="${rootPath }/themes/css/#"
				name="pattern3"><img
				src="${rootPath }/themes/switch/images/pattern/pattern3.png"
				alt="bootstrap business templates"></a> <a href="${rootPath }/themes/css/#"
				name="pattern4"><img
				src="${rootPath }/themes/switch/images/pattern/pattern4.png"
				alt="bootstrap business templates"></a> <a href="${rootPath }/themes/css/#"
				name="pattern5"><img
				src="${rootPath }/themes/switch/images/pattern/pattern5.png"
				alt="bootstrap business templates"></a> <a href="${rootPath }/themes/css/#"
				name="pattern6"><img
				src="${rootPath }/themes/switch/images/pattern/pattern6.png"
				alt="bootstrap business templates"></a> <a href="${rootPath }/themes/css/#"
				name="pattern7"><img
				src="${rootPath }/themes/switch/images/pattern/pattern7.png"
				alt="bootstrap business templates"></a> <a href="${rootPath }/themes/css/#"
				name="pattern8"><img
				src="${rootPath }/themes/switch/images/pattern/pattern8.png"
				alt="bootstrap business templates"></a> <a href="${rootPath }/themes/css/#"
				name="pattern9"><img
				src="${rootPath }/themes/switch/images/pattern/pattern9.png"
				alt="bootstrap business templates"></a> <a href="${rootPath }/themes/css/#"
				name="pattern10"><img
				src="${rootPath }/themes/switch/images/pattern/pattern10.png"
				alt="bootstrap business templates"></a> <a href="${rootPath }/themes/css/#"
				name="pattern11"><img
				src="${rootPath }/themes/switch/images/pattern/pattern11.png"
				alt="bootstrap business templates"></a> <a href="${rootPath }/themes/css/#"
				name="pattern12"><img
				src="${rootPath }/themes/switch/images/pattern/pattern12.png"
				alt="bootstrap business templates"></a> <a href="${rootPath }/themes/css/#"
				name="pattern13"><img
				src="${rootPath }/themes/switch/images/pattern/pattern13.png"
				alt="bootstrap business templates"></a> <a href="${rootPath }/themes/css/#"
				name="pattern14"><img
				src="${rootPath }/themes/switch/images/pattern/pattern14.png"
				alt="bootstrap business templates"></a> <a href="${rootPath }/themes/css/#"
				name="pattern15"><img
				src="${rootPath }/themes/switch/images/pattern/pattern15.png"
				alt="bootstrap business templates"></a> <a href="${rootPath }/themes/css/#"
				name="pattern16"><img
				src="${rootPath }/themes/switch/images/pattern/pattern16.png"
				alt="bootstrap business templates"></a> <a href="${rootPath }/themes/css/#"
				name="pattern17"><img
				src="${rootPath }/themes/switch/images/pattern/pattern17.png"
				alt="bootstrap business templates"></a> <a href="${rootPath }/themes/css/#"
				name="pattern18"><img
				src="${rootPath }/themes/switch/images/pattern/pattern18.png"
				alt="bootstrap business templates"></a> <a href="${rootPath }/themes/css/#"
				name="pattern19"><img
				src="${rootPath }/themes/switch/images/pattern/pattern19.png"
				alt="bootstrap business templates"></a> <a href="${rootPath }/themes/css/#"
				name="pattern20"><img
				src="${rootPath }/themes/switch/images/pattern/pattern20.png"
				alt="bootstrap business templates"></a>

		</div>
	</div>
</div>
<span id="themesBtn"></span>